<template>
  <div class="serve">
    <!-- 头部 -->
    <InsideHeader :bannerType="bannerType"></InsideHeader>

    <!-- 面包屑 -->
    <!-- <crumb></crumb> -->
    <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-noticeW'}" class="on">培训须知</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                    <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                    <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>

    <!-- noticeW -->
    <div class="block">
        <div class="noticeW"> 
            <!-- Ctit -->
            <div class="Ctit">
                <p>培训须知</p>
            </div>
            <div class="noticeWT">111
            </div>
            <div class="noticeWN">                                
                <a href="javascript:;" :class="showindex==0?'on':''" @click="noticeWN(0)">注意事项</a>
                <a href="javascript:;" :class="showindex==1?'on':''" @click="noticeWN(1)">报名流程</a>
                <a href="javascript:;" :class="showindex==2?'on':''" @click="noticeWN(2)">收费报名</a>
                <a href="javascript:;" :class="showindex==3?'on':''" @click="noticeWN(3)">培训教材</a>
                <div class="clear"></div>
            </div>
            <div class="noticeWC">
                <!-- 注意事项 -->
                <div class="noticeWCO" v-if="showindex==0">
                    <div class="noticeWCO1">
                        <ul>
                            <li>111</li>
                            <li>111</li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
                <!-- 报名流程 -->
                <div class="noticeWCO" v-if="showindex==1">
                    <div class="noticeWCO1">
                        <ul>
                            <li>222</li>
                            <li>222</li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
                <!-- 收费报名 -->
                <div class="noticeWCO" v-if="showindex==2">
                    <div class="noticeWCO3">
                        <table class="noticeWCO3S">
                            <tr>
                                <td></td>
                                <td></td>
                                <td>定期课程*1 </td>
                                <td>定期课程*2 </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>培训场所</td>
                                <td>培训中心</td>
                                <td>客户指定</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>开课人数</td>
                                <td>≥2</td>
                                <td>≥4</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td rowspan="3">授课费用*3</td>
                                <td rowspan="3">>400元/人.天</td>
                                <td>600元/人.天（培训地点为培训中心所属市内*4）</td>
                            </tr>
                            <tr>
                                <td></td>
                                <!-- <td>授课费用*3</td> -->
                                <!-- <td>400元/人.天</td> -->
                                <td>800元/人.天（培训地点为培训中心所属市外*4）</td>
                            </tr>
                            <tr>
                                <td></td>
                                <!-- <td>授课费用*3</td> -->
                                <!-- <td>400元/人.天</td> -->
                                <td>800/人.天+来回全价机票（培训地点为培训中心所属区域外*5）</td>
                            </tr>
                            <tr>
                                <td rowspan="4">其他</td>
                                <td>教材</td>
                                <td>√</td>
                                <td>√</td>
                            </tr>
                            <tr>
                                <!-- <td>其他</td> -->
                                <td>午餐</td>
                                <td>√</td>
                                <td>√*6</td>
                            </tr>
                            <tr>
                                <!-- <td>其他</td> -->
                                <td>结业证</td>
                                <td>√</td>
                                <td>√</td>
                            </tr>
                            <tr>
                                <!-- <td>其他</td> -->
                                <td>发票</td>
                                <td>√</td>
                                <td>√</td>
                            </tr>
                        </table>
                        <div class="noticeWCO3E">
                            <p>备注：</p>
                            <p>1.定期课程：本培训中心指定培训内容、地点及日期的FATEC课程。（课程及安排见年度课程表）</p>
                            <p>2.定制课程：客户指定培训内容、地点及日期的FATEC课程。</p>
                            <p>3.以上报价为工作日价格，双休日及国定假期收费按国家有关规定执行。</p>
                            <p>4.例：报名上海培训中心的课程，培训地点为上海市内为600元/人.天。上海市外为800元/人.天。</p>
                            <p>5.FA培训中心所属区域以外或单程距离达到300公里以上。</p>
                            <p>6.定制培训如培训地点非三菱FA培训中心，不提供午餐，并请客户自备电脑、投影仪、白板等培训时使用的设施器材。</p>
                            <p>7.培训前需付清全款，付款后开具内容为“非学历教育服务*培训费”的增值税发票，税率6%。</p>
                            <p>8.以上收费标准于2013年7月1日起实行。</p>
                        </div>
                    </div>
                </div>                                       
                <!-- 培训教材 -->
                <div class="noticeWCO" v-if="showindex==3">
                    <div class="noticeWCO4">
                        <div class="noticeWCO4N">
                            <a href="javascript:;" class="on">可编程控制器课程</a>
                            <a href="javascript:;">人机界面课程</a>
                            <a href="javascript:;">变频器课程</a>
                            <a href="javascript:;">伺服和定位课程</a>
                            <a href="javascript:;">工业机器人课程</a>
                            <a href="javascript:;">放电加工机课程</a>
                            <a href="javascript:;">数控系统课程</a>
                            <a href="javascript:;">低压电器课程</a>
                            <a href="javascript:;">激光加工机课程</a>
                            <a href="javascript:;">合作伙伴课程</a>
                            <a href="javascript:;">e-Learning课程DVD购买</a>
                            <div class="clear"></div>
                        </div>
                        <div class="noticeWCO4C"> 
                            <div class="noticeWCO4CO">
                                <div class="noticeWCO4CO1">
                                    <div class="noticeWCO4CO1Ta">
                                        <table class="noticeWCO4CO1S">
                                            <tr class="noticeWCO4CO1Stit">
                                                <td>编号</td>
                                                <td>材料名称</td>
                                                <td>定价</td>
                                                <td>下载</td>
                                            </tr>
                                            <tr>
                                                <td>M108</td>
                                                <td>FX系列可编程控制器简介</td>
                                                <td>80/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>M109</td>
                                                <td>FX系列PLC应用101例</td>
                                                <td>60/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>M108</td>
                                                <td>FX系列可编程控制器简介</td>
                                                <td>80/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>M109</td>
                                                <td>FX系列PLC应用101例</td>
                                                <td>60/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>M108</td>
                                                <td>FX系列可编程控制器简介</td>
                                                <td>80/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>M109</td>
                                                <td>FX系列PLC应用101例</td>
                                                <td>60/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>M108</td>
                                                <td>FX系列可编程控制器简介</td>
                                                <td>80/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>M109</td>
                                                <td>FX系列PLC应用101例</td>
                                                <td>60/本</td>
                                                <td>
                                                    <img src="../../static/images/noticeWCO4CO1S.png" />
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <p class="noticeWCO4CO1btn">培训资料申购表</p>
                                    <div class="noticeWCO4CO1E">111
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
   
    <!-- 链接 -->
    <Insidelink></Insidelink>

    <!-- 底部 -->
    <HomeHooter></HomeHooter>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import "@/assets/css/serve.css";
import InsideHeader from "@/components/head";
import HomeHooter from "@/components/footer";
import crumb from "@/components/crumb";
import Insidelink from "@/components/link";

export default {
  name: "noticeW",
  data() {
    return {
        showindex: 0,
        bannerType:'certificateW',
    };
  },
  components: {
    InsideHeader,
    HomeHooter,
    crumb,
    Insidelink
  },
  methods: {
    noticeWN(e) {
      this.showindex = e;
    }
  }
};
</script>

<style scoped>
</style>